<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>ajax的基本使用</title>
</head>
<body>
	<button id='but'>点击发送ajax</button>
	<script type="text/javascript">
	var but = document.getElementById('but');

	//绑定单击事件
	but.onclick = function()
	{
		//1.创建ajax对象
		if(window.XMLHttpRequest){
			//正常浏览器
			var x = new XMLHttpRequest;
		} else {
			//低版本ie浏览器
			var x = new ActiveXObject('Microsoft.XMLHTTP');
		}
	
		//2.绑定事件  on当...时候   readystate ajax对象的属性  change
		//  处理服务器返回来的结果
			// alert(x.readyState);

		x.onreadystatechange = function()
		{
			//alert(x.readyState);
			if(x.readyState == 4 && x.status == 200){
				//接受服务器返回的结果
				console.log(x.responseText);

			}
		}


		//3.初始化  1.请求方式  2.服务器上的文件  3.同步异步
		x.open('GET','1.php',true);


		//4.发送
		x.send();
		
	}



	</script>
</body>
</html>